<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>GoodName使用教程 - 智能编程命名翻译完全指南 | AI代码翻译工具使用技巧大全</title>
  <meta name="description" content="全面掌握GoodName智能命名工具核心功能：从基础配置到高级AI翻译技巧，学习编程命名规范、多格式转换、跨平台使用方法。提升编程效率，规范代码命名的完整使用指南。">
  <meta name="keywords"
    content="编程命名教程,AI翻译使用技巧,代码规范指南,命名格式转换,编程效率提升,智能编程助手使用,代码翻译工具教程,编程命名规范,变量命名技巧,函数命名方法,类名命名规范,编程最佳实践,代码质量提升,编程工具使用指南,IDE插件使用,开发工具教程,编程生产力工具,代码重构工具,编程助手教程,智能翻译工具,编程翻译器使用,代码命名助手,编程规范工具,软件开发规范,编程风格指南,代码命名转换,编程命名神器,开发效率工具,程序员工具使用,编程技巧分享,代码命名最佳实践,编程工作流优化">

  <!-- 地理位置和语言 -->
  <meta name="geo.region" content="CN">
  <meta name="geo.country" content="China">
  <meta name="language" content="zh-CN">
  <meta name="robots" content="index, follow">
  <meta name="googlebot" content="index, follow">
  <meta name="author" content="瓜瓜 (Good IT Team)">

  <!-- Open Graph 标签 -->
  <meta property="og:title" content="GoodName使用教程 - 智能编程命名完全指南">
  <meta property="og:description" content="掌握AI智能编程命名工具的核心功能，学习代码命名规范和最佳实践">
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://goodit.58it.cn/describe.html">
  <meta property="og:image" content="https://goodit.58it.cn/favicon.ico">
  <meta property="og:locale" content="zh_CN">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="GoodName智能编程命名使用教程">
  <meta name="twitter:description" content="全面的编程命名工具使用指南和技巧分享">

  <!-- 结构化数据 -->
  <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Guide",
        "name": "GoodName智能编程命名使用完全指南",
        "description": "全面掌握智能命名翻译工具的核心功能和使用技巧",
        "image": "https://goodit.58it.cn/favicon.ico",
        "datePublished": "2024-06-17",
        "dateModified": "2024-06-17",
        "author": {
            "@type": "Organization",
            "name": "Good IT Team",
            "url": "https://goodit.58it.cn"
        },
        "publisher": {
            "@type": "Organization", 
            "name": "Good IT Team"
        },
        "mainEntity": {
            "@type": "HowTo",
            "name": "如何使用GoodName进行智能编程命名",
            "step": [
                {
                    "@type": "HowToStep",
                    "name": "基础配置和翻译模式选择",
                    "text": "学习插件基本设置与AI翻译、本地翻译模式的选择和配置"
                },
                {
                    "@type": "HowToStep",
                    "name": "智能翻译和命名格式转换",
                    "text": "掌握AI翻译功能和驼峰、蛇形、帕斯卡等多种命名格式的使用"
                },
                {
                    "@type": "HowToStep",
                    "name": "高级功能和最佳实践",
                    "text": "学习批量翻译、自定义配置和编程命名最佳实践"
                }
            ]
        }
    }
    </script>

  <!-- 链接优化 -->
  <link rel="canonical" href="https://goodit.58it.cn/describe.html">
  <link rel="icon" href="/favicon.ico" type="image/x-icon">

  <style>
    :root {
      --primary-color: #4CAF50;
      --secondary-color: #E8F5E8;
      --text-color: #2C3E50;
      --accent-color: #2196F3;
      --warning-color: #FF9800;
      --code-bg: #2d3748;
    }

    .video-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      margin: 20px 0;
    }

    .video-wrapper video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 8px;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
      color: var(--text-color);
      line-height: 1.6;
      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
      min-height: 100vh;
      padding-top: 70px;
      /* 为导航栏留出空间 */
    }

    /* 导航栏样式 */
    .navbar {
      background: white;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      backdrop-filter: blur(10px);
    }

    .nav-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 70px;
    }

    .nav-logo {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      color: var(--primary-color);
      font-size: 1.5em;
      font-weight: bold;
    }

    .nav-logo-icon {
      width: 40px;
      height: 40px;
      background: linear-gradient(135deg, #4CAF50, #2196F3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 18px;
      font-weight: bold;
    }

    .nav-menu {
      display: flex;
      list-style: none;
      gap: 30px;
      align-items: center;
    }

    .nav-link {
      text-decoration: none;
      color: var(--text-color);
      font-weight: 500;
      padding: 8px 16px;
      border-radius: 25px;
      transition: all 0.3s ease;
      position: relative;
    }

    .nav-link:hover,
    .nav-link.active {
      color: var(--primary-color);
      background: var(--secondary-color);
      transform: translateY(-2px);
    }

    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 2px;
      background: var(--primary-color);
      transition: width 0.3s ease;
    }

    .nav-link:hover::after,
    .nav-link.active::after {
      width: 80%;
    }

    /* 移动端菜单 */
    .nav-toggle {
      display: none;
      flex-direction: column;
      cursor: pointer;
      padding: 5px;
    }

    .nav-toggle span {
      width: 25px;
      height: 3px;
      background: var(--primary-color);
      margin: 3px 0;
      transition: 0.3s;
      border-radius: 2px;
    }

    .nav-toggle.active span:nth-child(1) {
      transform: rotate(-45deg) translate(-6px, 6px);
    }

    .nav-toggle.active span:nth-child(2) {
      opacity: 0;
    }

    .nav-toggle.active span:nth-child(3) {
      transform: rotate(45deg) translate(-6px, -6px);
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
    }

    .header {
      text-align: center;
      margin: 40px 0;
    }

    .header h1 {
      font-size: 2.5em;
      color: var(--primary-color);
      margin-bottom: 10px;
    }

    .header p {
      font-size: 1.2em;
      color: #666;
    }

    .guide-section {
      background: white;
      border-radius: 15px;
      padding: 30px;
      margin-bottom: 30px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .section-title {
      font-size: 1.8em;
      color: var(--primary-color);
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .section-icon {
      font-size: 32px;
    }

    .feature-demo {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 20px;
      align-items: center;
      margin: 20px 0;
      padding: 20px;
      background: var(--secondary-color);
      border-radius: 10px;
    }

    .demo-input,
    .demo-output {
      padding: 15px;
      border-radius: 8px;
      font-family: 'Consolas', 'Monaco', monospace;
      font-size: 14px;
    }

    .demo-input {
      background: #fff3cd;
      border-left: 4px solid var(--warning-color);
    }

    .demo-output {
      background: #d4edda;
      border-left: 4px solid var(--primary-color);
    }

    .demo-arrow {
      font-size: 24px;
      color: var(--primary-color);
    }

    .naming-formats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
      margin: 20px 0;
    }

    .format-card {
      background: #f8f9fa;
      border-radius: 10px;
      padding: 20px;
      border-left: 4px solid var(--accent-color);
      transition: transform 0.3s ease;
    }

    .format-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .format-title {
      font-size: 1.2em;
      color: var(--accent-color);
      margin-bottom: 10px;
    }

    .format-example {
      font-family: 'Consolas', 'Monaco', monospace;
      background: var(--code-bg);
      color: #e2e8f0;
      padding: 10px;
      border-radius: 5px;
      margin: 10px 0;
    }

    .usage-step {
      margin: 20px 0;
      padding: 20px;
      background: #f8f9fa;
      border-radius: 10px;
      border-left: 4px solid var(--primary-color);
    }

    .step-number {
      display: inline-block;
      background: var(--primary-color);
      color: white;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      margin-right: 15px;
      font-weight: bold;
    }

    .step-title {
      font-size: 1.2em;
      color: var(--primary-color);
      margin-bottom: 10px;
    }

    .tips-box {
      background: #e3f2fd;
      border: 1px solid var(--accent-color);
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
    }

    .tips-title {
      color: var(--accent-color);
      font-weight: bold;
      margin-bottom: 8px;
    }

    .warning-box {
      background: #fff3cd;
      border: 1px solid var(--warning-color);
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
    }

    .warning-title {
      color: var(--warning-color);
      font-weight: bold;
      margin-bottom: 8px;
    }

    .code-example {
      background: var(--code-bg);
      color: #e2e8f0;
      padding: 20px;
      border-radius: 8px;
      margin: 15px 0;
      overflow-x: auto;
      font-family: 'Consolas', 'Monaco', monospace;
    }

    .keyboard-key {
      background: #f1f1f1;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 2px 6px;
      font-family: monospace;
      font-size: 0.9em;
    }

    .comparison-table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
    }

    .comparison-table th,
    .comparison-table td {
      border: 1px solid #ddd;
      padding: 12px;
      text-align: left;
    }

    .comparison-table th {
      background: var(--primary-color);
      color: white;
    }

    .comparison-table tr:nth-child(even) {
      background: #f9f9f9;
    }

    .back-to-home {
      text-align: center;
      margin: 40px 0;
    }

    .download-btn {
      display: inline-block;
      padding: 12px 25px;
      background-color: var(--primary-color);
      color: white;
      text-decoration: none;
      border-radius: 25px;
      transition: all 0.3s ease;
      font-weight: 500;
      margin: 10px 5px;
    }

    .download-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
    }

    @media (max-width: 768px) {
      .nav-menu {
        position: fixed;
        top: 70px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 70px);
        background: white;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: left 0.3s ease;
        padding-top: 50px;
        gap: 20px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      }

      .nav-menu.active {
        left: 0;
      }

      .nav-toggle {
        display: flex;
      }

      .nav-link {
        font-size: 1.2em;
        padding: 15px 30px;
        width: 80%;
        text-align: center;
      }

      .feature-demo {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .demo-arrow {
        transform: rotate(90deg);
        align-self: center;
      }

      .naming-formats {
        grid-template-columns: 1fr;
      }
    }
  </style>

  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?0bd1ed112061ea504b7088d32bae5b77";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>

</head>

<body>
  <!-- 导航栏 -->
  <nav class="navbar">
    <div class="nav-container">
      <a href="index.html" class="nav-logo">
        <div class="nav-logo-icon">G</div>
        GoodName
      </a>

      <ul class="nav-menu">
        <li><a href="index.html" class="nav-link">🏠 首页</a></li>
        <li><a href="installation.html" class="nav-link">📖 安装指南</a></li>
        <li><a href="describe.html" class="nav-link active">📋 使用指南</a></li>
        <li><a href="faq.html" class="nav-link">❓ 常见问题</a></li>
        <li><a href="updateRecord.html" class="nav-link">🔄 更新记录</a></li>
      </ul>

      <div class="nav-toggle">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </nav>

  <div class="container">
    <div class="header">
      <h1>📖 GoodName 智能编程命名使用教程</h1>
      <p>掌握AI智能命名翻译的核心技巧，提升编程效率，规范代码质量</p>
    </div>

    <!-- 基础使用 -->
    <div class="guide-section">
      <h2 class="section-title">
        <span class="section-icon">🚀</span>
        基础使用入门
      </h2>

      <div class="feature-demo">
        <div class="demo-input">
          <strong>输入中文描述：</strong><br>
          用户管理模块<br>
          获取用户列表数据<br>
          删除用户信息记录<br>
          验证用户登录状态
        </div>
        <div class="demo-arrow">→</div>
        <div class="demo-output">
          <strong>智能英文命名：</strong><br>
          userManagement<br>
          getUserListData<br>
          deleteUserInfoRecord<br>
          validateUserLoginStatus
        </div>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">1</span>选择要翻译的文本
        </div>
        <p>在代码编辑器中选中需要翻译的中文文本或描述。如果未选中任何文本，插件会弹出输入框供您输入。</p>
        <p>支持单行、多行文本选择，也支持包含中英文混合的文本处理。</p>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">2</span>使用快捷键或菜单翻译
        </div>
        <p>按下 <span class="keyboard-key">Ctrl + Alt + Shift + 1</span> (Mac: <span class="keyboard-key">Cmd + Alt +
            Shift + 1</span>) 快捷键进行翻译。</p>
        <p>也可以右键选中文本，在弹出菜单中选择"GoodName翻译"选项。</p>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">3</span>选择编程命名格式
        </div>
        <p>在弹出的格式选择框中选择所需的命名格式，如驼峰命名、蛇形命名、帕斯卡命名等。</p>
        <p>系统会根据上下文智能推荐最适合的命名格式。</p>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">4</span>应用翻译结果
        </div>
        <p>确认选择后，原文本将被自动替换为翻译结果，并显示成功通知。</p>
        <p>支持撤销操作（Ctrl+Z），如果对结果不满意可以随时回退。</p>
      </div>
    </div>

    <!-- 命名格式详解 -->
    <div class="guide-section">
      <h2 class="section-title">
        <span class="section-icon">🎨</span>
        支持的编程命名格式详解
      </h2>

      <div class="naming-formats">
        <div class="format-card">
          <div class="format-title">驼峰命名 (camelCase)</div>
          <p>首字母小写，后续单词首字母大写，无分隔符</p>
          <div class="format-example">
            用户管理 → userManagement<br>
            获取数据列表 → getDataList<br>
            更新用户信息 → updateUserInfo
          </div>
          <p><strong>适用场景：</strong>JavaScript、Java、C#等语言的变量名、方法名、属性名</p>
        </div>

        <div class="format-card">
          <div class="format-title">蛇形命名 (snake_case)</div>
          <p>全小写字母，单词间用下划线连接</p>
          <div class="format-example">
            用户管理 → user_management<br>
            获取数据列表 → get_data_list<br>
            更新用户信息 → update_user_info
          </div>
          <p><strong>适用场景：</strong>Python变量名、函数名，数据库表名、字段名，配置文件键名</p>
        </div>

        <div class="format-card">
          <div class="format-title">帕斯卡命名 (PascalCase)</div>
          <p>所有单词首字母都大写，无分隔符</p>
          <div class="format-example">
            用户管理 → UserManagement<br>
            获取数据列表 → GetDataList<br>
            更新用户信息 → UpdateUserInfo
          </div>
          <p><strong>适用场景：</strong>类名、接口名、结构体名、命名空间、组件名</p>
        </div>

        <div class="format-card">
          <div class="format-title">常量命名 (CONSTANT_CASE)</div>
          <p>全大写字母，单词间用下划线连接</p>
          <div class="format-example">
            最大长度限制 → MAX_LENGTH_LIMIT<br>
            默认配置选项 → DEFAULT_CONFIG_OPTION<br>
            系统错误代码 → SYSTEM_ERROR_CODE
          </div>
          <p><strong>适用场景：</strong>常量定义、枚举值、环境变量、宏定义</p>
        </div>

        <div class="format-card">
          <div class="format-title">短横线命名 (kebab-case)</div>
          <p>全小写字母，单词间用短横线连接</p>
          <div class="format-example">
            用户管理 → user-management<br>
            获取数据列表 → get-data-list<br>
            更新用户信息 → update-user-info
          </div>
          <p><strong>适用场景：</strong>CSS类名、HTML属性、URL路径、文件名、包名</p>
        </div>

        <div class="format-card">
          <div class="format-title">点分命名 (dot.case)</div>
          <p>全小写字母，单词间用点号连接</p>
          <div class="format-example">
            用户管理 → user.management<br>
            获取数据列表 → get.data.list<br>
            更新用户信息 → update.user.info
          </div>
          <p><strong>适用场景：</strong>配置文件键名、包路径、命名空间层次结构</p>
        </div>
      </div>
    </div>

    <!-- AI翻译 vs 本地翻译 -->
    <div class="guide-section">
      <h2 class="section-title">
        <span class="section-icon">🤖</span>
        翻译模式对比与选择指南
      </h2>

      <table class="comparison-table">
        <thead>
          <tr>
            <th>对比维度</th>
            <th>AI智能翻译</th>
            <th>本地离线翻译</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>翻译准确度</td>
            <td>⭐⭐⭐⭐⭐ 基于大模型，理解上下文</td>
            <td>⭐⭐⭐ 基于规则，适用简单场景</td>
          </tr>
          <tr>
            <td>上下文理解</td>
            <td>✅ 智能理解语义和编程上下文</td>
            <td>❌ 简单词汇对应，无语义理解</td>
          </tr>
          <tr>
            <td>网络依赖</td>
            <td>❌ 需要稳定的网络连接</td>
            <td>✅ 完全离线运行，无网络要求</td>
          </tr>
          <tr>
            <td>响应速度</td>
            <td>⭐⭐⭐ 取决于网络和API响应</td>
            <td>⭐⭐⭐⭐⭐ 毫秒级响应</td>
          </tr>
          <tr>
            <td>配置复杂度</td>
            <td>⭐⭐ 需配置API密钥和模型</td>
            <td>⭐⭐⭐⭐⭐ 开箱即用，无需配置</td>
          </tr>
          <tr>
            <td>使用成本</td>
            <td>⭐⭐⭐⭐ 支持免费模型，成本较低</td>
            <td>⭐⭐⭐⭐⭐ 完全免费</td>
          </tr>
          <tr>
            <td>适用场景</td>
            <td>专业编程、复杂语境、团队协作</td>
            <td>简单翻译、离线环境、个人使用</td>
          </tr>
        </tbody>
      </table>

      <div class="tips-box">
        <div class="tips-title">💡 选择建议和最佳实践</div>
        <p><strong>推荐AI翻译：</strong>如果有稳定网络连接且注重翻译质量，建议使用AI翻译获得更专业的命名效果。</p>
        <p><strong>推荐本地翻译：</strong>如果经常在离线环境工作，或对数据隐私有特殊要求，本地翻译是理想选择。</p>
        <p><strong>混合使用：</strong>可以根据不同场景灵活切换，重要项目使用AI翻译，日常开发使用本地翻译。</p>
      </div>
    </div>

    <!-- 高级功能 -->
    <div class="guide-section">
      <h2 class="section-title">
        <span class="section-icon">⚙️</span>
        高级功能与使用技巧
      </h2>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">1</span>批量翻译与文本处理
        </div>
        <p>选择多行文本进行批量翻译，每行将独立处理并转换为对应的命名格式。</p>
        <p>支持混合文本处理：包含中英文的文本会智能识别需要翻译的部分。</p>
        <div class="code-example">
          # 选中以下多行文本进行批量翻译
          用户管理模块
          获取用户列表接口
          删除用户信息方法
          更新用户数据功能
          验证用户权限逻辑

          # AI翻译结果（驼峰命名）
          userManagementModule
          getUserListInterface
          deleteUserInfoMethod
          updateUserDataFunction
          validateUserPermissionLogic
        </div>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">2</span>智能上下文分析
        </div>
        <p>AI翻译会根据代码上下文、文件类型、编程语言提供更准确和合适的翻译结果。</p>
        <div class="code-example">
          // 在数据库操作上下文中
          查询用户 → queryUser / findUser / selectUser

          // 在UI组件上下文中
          用户按钮 → userButton / UserButton

          // 在API接口上下文中
          用户服务 → userService / UserService
        </div>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">3</span>自定义AI模型配置
        </div>
        <p>可以配置不同的AI模型以获得不同风格和准确度的翻译结果。</p>
        <div class="tips-box">
          <div class="tips-title">🆓 免费AI模型推荐</div>
          <p><strong>Qwen/Qwen2.5-7B-Instruct：</strong>阿里云免费模型，编程场景优化</p>
          <p><strong>API地址：</strong>https://api.siliconflow.cn/v1/chat/completions</p>
          <p><strong>特点：</strong>理解编程语境，支持中文，命名风格现代化</p>
        </div>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">4</span>快捷菜单与工作流集成
        </div>
        <p>右键选中文本可直接访问翻译菜单，无需记忆复杂快捷键。</p>
        <p>与IDE工作流无缝集成，支持代码重构、变量重命名等场景。</p>
      </div>
    </div>

    <!-- 最佳实践 -->
    <div class="guide-section">
      <h2 class="section-title">
        <span class="section-icon">⭐</span>
        编程命名最佳实践
      </h2>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">1</span>语言特定命名规范
        </div>
        <p>根据不同编程语言选择合适的命名格式和风格：</p>
        <ul style="margin-left: 40px; margin-top: 10px;">
          <li><strong>Java/JavaScript/TypeScript：</strong>变量、方法用camelCase，类名用PascalCase</li>
          <li><strong>Python：</strong>统一使用snake_case，类名使用PascalCase</li>
          <li><strong>C#/.NET：</strong>公共成员用PascalCase，私有字段用camelCase或_camelCase</li>
          <li><strong>CSS/HTML：</strong>类名、ID使用kebab-case</li>
          <li><strong>数据库：</strong>表名、字段名使用snake_case</li>
          <li><strong>常量/枚举：</strong>所有语言统一使用CONSTANT_CASE</li>
        </ul>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">2</span>提升翻译质量的技巧
        </div>
        <p>提供清晰、具体的中文描述可以获得更准确的翻译结果：</p>
        <div class="code-example">
          ✅ 推荐的描述方式：
          获取用户详细信息 → getUserDetailInfo
          验证用户登录状态 → validateUserLoginStatus
          处理文件上传请求 → handleFileUploadRequest

          ❌ 避免的模糊描述：
          用户信息 → userInfo (过于简单)
          处理数据 → processData (缺乏具体性)
          验证用户 → validateUser (不够明确)
        </div>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">3</span>团队协作与代码规范
        </div>
        <p>在团队开发中保持命名一致性和规范性：</p>
        <ul style="margin-left: 40px; margin-top: 10px;">
          <li>制定并遵循团队统一的命名规范和格式</li>
          <li>建立项目专用的命名词汇表和术语库</li>
          <li>定期进行代码review，检查命名规范的执行</li>
          <li>使用GoodName统一翻译风格，避免个人差异</li>
          <li>文档化重要的命名决策和约定</li>
        </ul>
      </div>

      <div class="usage-step">
        <div class="step-title">
          <span class="step-number">4</span>代码可读性与维护性
        </div>
        <p>良好的命名是代码质量的重要指标：</p>
        <ul style="margin-left: 40px; margin-top: 10px;">
          <li>优先选择描述性强、意图明确的命名</li>
          <li>避免使用缩写和不常见的简写形式</li>
          <li>保持命名的一致性和可预测性</li>
          <li>考虑命名的国际化和本地化需求</li>
          <li>定期重构和优化命名，提升代码质量</li>
        </ul>
      </div>

      <div class="warning-box">
        <div class="warning-title">⚠️ 使用注意事项</div>
        <p>• 翻译结果仅供参考，建议结合实际业务场景和代码上下文进行调整</p>
        <p>• 对于专业术语和业务特定词汇，可能需要手动优化翻译结果</p>
        <p>• 重要的生产代码建议在翻译后进行团队review</p>
        <p>• 注意检查翻译结果是否符合项目的命名约定和风格指南</p>
      </div>
    </div>

    <!-- 常见问题 -->
    <div class="guide-section">
      <h2 class="section-title">
        <span class="section-icon">❓</span>
        使用过程中的常见问题
      </h2>

      <div class="usage-step">
        <div class="step-title">Q: 翻译结果不准确或不符合预期怎么办？</div>
        <p>A: 可以尝试以下优化方法：</p>
        <ul style="margin-left: 20px;">
          <li>切换到AI翻译模式获得更好的语义理解效果</li>
          <li>提供更详细和清晰的中文描述，包含更多上下文信息</li>
          <li>避免使用过于口语化或含糊不清的表达</li>
          <li>手动调整翻译结果以符合项目特定的命名规范</li>
          <li>建立项目词汇表，统一特定术语的翻译方式</li>
        </ul>
      </div>

      <div class="usage-step">
        <div class="step-title">Q: 如何处理专业术语和业务特定词汇？</div>
        <p>A: 对于专业术语的处理建议：</p>
        <ul style="margin-left: 20px;">
          <li>建立团队共享的术语词典，统一专业词汇的翻译</li>
          <li>在描述中提供更多上下文，帮助AI理解专业含义</li>
          <li>对于行业特定术语，可以先翻译通用部分，再手动调整专业术语</li>
          <li>使用现有的行业标准命名，保持与业界一致</li>
        </ul>
      </div>

      <div class="usage-step">
        <div class="step-title">Q: 支持哪些编程语言和开发场景？</div>
        <p>A: GoodName是语言无关的命名工具，支持所有编程语言：</p>
        <ul style="margin-left: 20px;">
          <li>前端开发：JavaScript、TypeScript、Vue、React、Angular</li>
          <li>后端开发：Java、Python、C#、PHP、Go、Node.js</li>
          <li>移动开发：Swift、Kotlin、Flutter、React Native</li>
          <li>数据库：MySQL、PostgreSQL、MongoDB等</li>
          <li>配置文件：JSON、YAML、XML、Properties等</li>
        </ul>
      </div>
    </div>

    <!-- 返回链接 -->
    <div class="back-to-home">
      <a href="index.html" class="download-btn">🏠 返回首页</a>
      <a href="installation.html" class="download-btn">📖 安装指南</a>
      <a href="faq.html" class="download-btn">❓ 常见问题</a>
      <a href="updateRecord.html" class="download-btn">🔄 更新记录</a>
    </div>
  </div>

  <script>
    // 导航栏移动端菜单切换
    const navToggle = document.querySelector('.nav-toggle');
    const navMenu = document.querySelector('.nav-menu');

    navToggle.addEventListener('click', function () {
      navToggle.classList.toggle('active');
      navMenu.classList.toggle('active');
    });

    // 点击菜单项时关闭移动端菜单
    document.querySelectorAll('.nav-link').forEach(link => {
      link.addEventListener('click', () => {
        navToggle.classList.remove('active');
        navMenu.classList.remove('active');
      });
    });

    // 滚动时改变导航栏样式
    window.addEventListener('scroll', function () {
      const navbar = document.querySelector('.navbar');
      if (window.scrollY > 50) {
        navbar.style.background = 'rgba(255, 255, 255, 0.95)';
      } else {
        navbar.style.background = 'white';
      }
    });

    // 页面加载完成后的处理
    document.addEventListener('DOMContentLoaded', function () {
      // 为格式卡片添加点击效果
      const formatCards = document.querySelectorAll('.format-card');
      formatCards.forEach(card => {
        card.addEventListener('click', function () {
          this.style.transform = 'scale(0.98)';
          setTimeout(() => {
            this.style.transform = '';
          }, 150);
        });
      });

      // 为使用步骤添加渐入动画
      const steps = document.querySelectorAll('.usage-step');
      steps.forEach((step, index) => {
        step.style.opacity = '0';
        step.style.transform = 'translateY(20px)';
        step.style.transition = 'all 0.5s ease';

        setTimeout(() => {
          step.style.opacity = '1';
          step.style.transform = 'translateY(0)';
        }, index * 100);
      });

      // 复制代码示例功能
      const codeExamples = document.querySelectorAll('.code-example, .format-example');
      codeExamples.forEach(example => {
        example.style.cursor = 'pointer';
        example.title = '点击复制代码';

        example.addEventListener('click', function () {
          navigator.clipboard.writeText(this.textContent).then(() => {
            // 显示复制成功提示
            const originalBg = this.style.backgroundColor;
            this.style.backgroundColor = '#4CAF50';
            setTimeout(() => {
              this.style.backgroundColor = originalBg;
            }, 200);
          });
        });
      });
    });
  </script>
</body>

</html>